<template>
  <div class="action-all">
    <div class="action-all-title">
      <h1>在该页面中使用Actions</h1>
    </div>
    <div>
      <my-actions></my-actions>
    </div>
    <div>
      <my-actions-two></my-actions-two>
    </div>
  </div>
</template>

<script>
import MyActions from '../vueKnowledge/ChildCompoment/MyActions'
import MyActionsTwo from '../vueKnowledge/ChildCompoment/MyMutationsTwo'
export default {
  name: "VuexAction",
  components: {
      MyActions: MyActions,
      MyActionsTwo: MyActionsTwo
  },
  data() {
      return{

      }
  }
};
</script>

<style scoped>
.action-all-title {
  text-align: center;
}
</style>